<%--<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>--%>
<%--<%--%>

<%--    //el表达式--%>
<%--    String names="";--%>
<%--    String pwd="";--%>
<%--//取出Cookie--%>
<%--    Cookie [] c=request.getCookies();--%>
<%--    for(int i=0;i<c.length;i++){--%>
<%--        if(c[i].getName().equals("users")){--%>
<%--            //存着数据（用户名+密码）--%>
<%--            names=c[i].getValue().split("-")[0];--%>
<%--            pwd=c[i].getValue().split("-")[1];--%>

<%--            //再一次的存起来（备用）--%>
<%--            request.setAttribute("xingming",names);--%>
<%--            request.setAttribute("mima", pwd);--%>
<%--        }--%>
<%--    }--%>

<%--%>--%>
<%--<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">--%>
<%--<html xmlns="http://www.w3.org/1999/xhtml">--%>
<%--<head>--%>
<%--    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />--%>
<%--    <title>云R记</title>--%>
<%--    <link href="sources/css/login.css" rel="stylesheet" type="text/css" />--%>
<%--    <script src="sources/js/jquery-1.11.3.js" type=text/javascript></script>--%>
<%--    <script src="sources/js/util.js" type=text/javascript></script>--%>
<%--    <script src="sources/js/config.js" type=text/javascript></script>--%>

<%--    <style>--%>
<%--        body{background:url(sources/images/body.jpg) no-repeat center center;;--%>
<%--            background-size:cover;--%>
<%--            background-attachment:fixed;}--%>
<%--        </style>--%>
<%--</head>--%>
<%--<body >--%>


<%--<div id="head">--%>
<%--    <div class="top">--%>
<%--        <div style="text-align: center;color: gold;font-family: 华文琥珀;font-size: 250%">欢迎使用云日记!</div>--%>

<%--    </div>--%>
<%--</div>--%>


<%--<div class="wrapper">--%>
<%--    <div id="box">--%>
<%--        <div class="loginbar">用户登录</div>--%>
<%--        <div id="tabcon">--%>
<%--            <div class="box show">--%>
<%--                <form action="user" method="post" id="loginForm">--%>
<%--                    <!-- 通过actionName判断用户行为 -->--%>
<%--                    <input type="hidden" name="actionName" value="login"/>--%>
<%--                <input type="text" class="user yahei16" id="userName" name="userName" value="${xingming}" /><br /><br />--%>
<%--                <input type="password" class="pwd yahei16" id="userPwd" name="userPwd" value="${mima}" /><br /><br />--%>
<%--                <input name="rem" type="checkbox" value="1"  class="inputcheckbox"/> <label>记住我</label>&nbsp; &nbsp;--%>
<%--                <span id="msg" style="color: #b94a48;font-size: 12px">${result.msg}</span><br /><br />--%>
<%--                <input type="button" class="log jc yahei16" value="登 录" onclick="checkLogin()" />&nbsp; &nbsp; &nbsp; <input type="reset" value="取 消" class="reg jc yahei18" />--%>
<%--                </form>--%>
<%--                <a href="regist.jsp" class="regist">没有账号？点我注册</a>--%>

<%--            </div>--%>
<%--        </div>--%>
<%--    </div>--%>
<%--</div>--%>

<%--<div id="flash">--%>
<%--    <div class="pos">--%>
<%--        <a bgUrl="sources/images/banner-bg1.jpg" id="flash1" style="display:block;"><img src="sources/images/bannerpic2.png"></a>--%>
<%--        <a bgUrl="sources/images/bannerbg2.png" id="flash2"                       ><img src="sources/images/bannerpic1.jpg"></a>--%>
<%--    </div>--%>
<%--    <div class="flash_bar">--%>
<%--        <div class="dq" id="f1" onclick="changeflash(1)"></div>--%>
<%--        <div class="no" id="f2" onclick="changeflash(2)"></div>--%>
<%--    </div>--%>
<%--</div>--%>



<%--<div id="bottom">--%>
<%--    <div id="copyright">--%>
<%--        <div class="quick">--%>
<%--            <ul>--%>
<%--                <li><input type="button" class="quickbd iphone" onclick="location.href='https://www.apple.com.cn'" /></li>--%>
<%--                <li><input type="button" class="quickbd android" onclick="location.href='https://developer.android.google.cn'" /></li>--%>
<%--                <li><input type="button" class="quickbd pc" onclick="location.href='https://www.microsoft.com/zh-cn'" /></li>--%>
<%--                <div class="clr"></div>--%>
<%--            </ul>--%>
<%--            <div class="clr"></div>--%>
<%--        </div>--%>
<%--        <div class="text">--%>
<%--            Copyright © 2021-2022 <a href="http://www.njust.edu.cn">南京理工大学</a>  All Rights Reserved--%>
<%--        </div>--%>
<%--    </div>--%>
<%--</div>--%>

<%--</body>--%>

<%--</html>--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%

    //el表达式
    String names="";
    String pwd="";
//取出Cookie
    Cookie [] c=request.getCookies();
    for(int i=0;i<c.length;i++){
        if(c[i].getName().equals("users")){
            //存着数据（用户名+密码）
            names=c[i].getValue().split("-")[0];
            pwd=c[i].getValue().split("-")[1];

            //再一次的存起来（备用）
            request.setAttribute("xingming",names);
            request.setAttribute("mima", pwd);
        }
    }

%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登录界面</title>
    <link href="sources/css/login.css" rel="stylesheet" type="text/css" />
    <script src="sources/js/jquery-1.11.3.js" type=text/javascript></script>
    <script src="sources/js/util.js" type=text/javascript></script>
    <script src="sources/js/config.js" type=text/javascript></script>
    <style>
        body {
            background: url('sources/images/bg.jpg') no-repeat;
            background-size: 100% auto;
        }

        #login_box {
            width: 20%;
            height: 350px;
            background-color: #00000030;
            margin: auto;
            margin-top: 5%;
            text-align: center;
            border-radius: 10px;
            padding: 50px 50px;
        }

        #login_box input,
        #login_box button {
            outline: none;
        }

        #login_box h2 {
            color: #778767;
            margin-top: 5%;
        }

        #login_box #loginForm #input_box1 {
            margin-top: 5%;
        }

        #login_box #loginForm #input_box1 input {
            border: 0;
            width: 60%;
            font-size: 15px;
            color: #ffffff;
            background: #ffffff00;
            border-bottom: 2px solid #A9AFA9;
            padding: 5px 10px;
            margin-top: 10px;
        }
        #login_box #loginForm #input_box2 {
            margin-top: 5%;
        }

        #login_box #loginForm #input_box2 input {
            border: 0;
            width: 60%;
            font-size: 15px;
            color: #ffffff;
            background: #ffffff00;
            border-bottom: 2px solid #A9AFA9;
            padding: 5px 10px;
            margin-top: 10px;
        }
        /*#login_box button {*/
        /*    margin-top: 50px;*/
        /*    width: 40%;*/
        /*    height: 20px;*/
        /*    border-radius: 10px;*/
        /*    border: 0;*/
        /*    color: #fff;*/
        /*    font-size: 15px;*/
        /*    background-image: linear-gradient(120deg, #99CC99 0%, #66CC00 100%);*/
        /*    cursor: pointer;*/
        /*}*/

        #login_box #regist {
            margin-top: 20%;
        }

        #login_box #regist a {
            color: #778767;
        }

        * {
            margin: 0;
            padding: 0;
        }

        span {
            display: inline-block;
            margin-left: 30px;
            width: 150px;
            height: 40px;
            background: #FFFFFF;
            border-bottom: 2px solid #778767;
            font: 16px/40px "微软雅黑";
            text-align: center;
            color: #000000;
        }

        span.current,
        span:hover {
            background: #778767;
            color: #FFFFFF;
        }

        .hd {
            height: 40px;
        }

        .bd {
            height: 50px;
            padding: 10px 30px;
            font-size: 50px;
        }

        .bd>div {
            display: none;
        }

        .bd .show {
            display: block;
        }
    </style>
    <script>
        window.onload = function() {
            var sp = document.getElementsByTagName("span");
            var cons = document.querySelector(".bd").getElementsByTagName("div");
            for(var i = 0; sp.length > i; i++) {
                sp[i].index = i;

                sp[i].onmouseover = function() {
                    for(var j = 0; sp.length > j; j++) {
                        sp[j].className = "";
                        cons[j].className = "";
                    }
                    this.className = "current";
                    cons[this.index].className = "show";
                }
            }
        }
    </script>
</head>

<body>
<div class="tab_box">
    <div class="hd">
        <span class="current">健康测评网站</span>
        <span>登录</span>
        <span><a href="regist.jsp" >注册</a></span>
    </div>
    <div class="bd">
        <div class="show">欢迎使用健康测评网站！</div>
        <div>登录界面</div>
        <div>点此注册</div>
    </div>
</div>



<div id="login_box">
    <h2>用户登录</h2>
                    <form action="user" method="post" id="loginForm">
                        <!-- 通过actionName判断用户行为 -->0
                        <input type="hidden" name="actionName" value="login"/>
    <div id="input_box1">
        <input type="text" placeholder="Username" id="userName" name="userName" value="${xingming}" >
    </div>
    <div id="input_box2">
        <input type="password" placeholder="Password" id="userPwd" name="userPwd" value="${mima}" >
    </div>
                    <input name="rem" type="checkbox" value="1"  class="inputcheckbox"/> <label>记住我</label>&nbsp; &nbsp;
                    <span id="msg" style="background-color:lightgray;font-size: 8px;filter: alpha(opacity=0)">${result.msg}</span><br /><br />
                    <input type="button" class="log jc yahei16" value="登 录"  onclick="checkLogin()"/>&nbsp; &nbsp; &nbsp; <input type="reset" value="取 消" class="reg jc yahei18" />
                    </form>
<%--    <div id="form">--%>
<%--        <div id="input_box1">--%>
<%--            <input type="text" placeholder="Username" id="userName" name="userName" value="${xingming}" >--%>
<%--        </div>--%>
<%--        <div id="input_box2">--%>
<%--            <input type="password" placeholder="Password" id="userPwd" name="userPwd" value="${mima}" >--%>
<%--        </div>--%>
<%--    </div>--%>
<%--    <button value="登 录" onclick="checkLogin()">登录</button>--%>
    <br>
    <div id="regist">
        <a href="regist.jsp" >没有账号？点我注册</a><br></br>
        <a href="javascript:;">忘记密码?</a>
    </div>
</div>






<div id="bottom">
    <div id="copyright">
        <div class="quick">

        </div>
        <div class="text">
            Copyright © 2021-2022 <a href="http://www.njust.edu.cn">南京理工大学</a>  All Rights Reserved
        </div>
    </div>
</div>

</body>

</html>
